<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css.css" type="text.css">
    <script src="js.js"></script>
    <title>Document</title>
</head>
<body>
    <img id="bg" src="background.jpg">
    <div id="back">
        <div id="data">
                <span id="cg"></span>
                <script>setInterval("cg.innerHTML=new Date().toLocaleString()",1000);</script>
        </div>
        <div id="title">
            <h1 style="text-align:right">一个机票</h1>
        </div>
        <div id="main">
            <h2 style="color: cadetblue;">&nbsp;&nbsp;机票预订</h3><hr>
            <div class="little" id="hbxx">
                <h3 style="background-color: cornflowerblue;">&nbsp;&nbsp;*航班信息</h3>
                海南航空 H123456 &nbsp;&nbsp;
                <span class="blue">[修改航班]&nbsp;[退改签]</span><br>
                机型 H66&nbsp;&nbsp;&nbsp;&nbsp;<span class="blue">[修改舱位]</span><br>
                2088年8月18日 8:00 大连国际机场(起飞) -> 2088年8月18日 18:00 北京国际机场(到达)
                <hr>
            </div>
            <div class="little" id="price">
                <span id="pprice">?人？元</span>&nbsp;&nbsp;&nbsp;<span class="blue" title="" id="tit" onmouseover="titl()">机票明细</span>
            </div>
            <div class="little" id="ckxx">
                <h3 style="background-color: cornflowerblue; text-align: center;">&nbsp;&nbsp;*乘客信息</h3>
                <div style="text-align: left;">在常用姓名中搜索：<input type="text"></div>
                <div style="text-align: right;">
                    <input type="checkbox" value="杨某某" class="check" onclick="doit(0);">&nbsp;杨某某&nbsp;&nbsp;
                    <input type="checkbox" value="张某某" class="check" onclick="doit(1);">&nbsp;张某某&nbsp;&nbsp;
                    <input type="checkbox" value="徐某某" class="check" onclick="doit(2);">&nbsp;徐某某&nbsp;&nbsp;
                    <input type="checkbox" value="黄某某" class="check" onclick="doit(3);">&nbsp;黄某某&nbsp;&nbsp;
                    <span class="blue">更多</span>
                </div><hr>
                <button style="position: relative; left: 0px;" onclick="insertl(null)">新增乘客</button>
            </div>
            <div class="little" id="lxrxx">
                <h3 style="background-color: cornflowerblue;">&nbsp;&nbsp;*联系人信息</h3>
                联&nbsp;&nbsp;系&nbsp;&nbsp;人：<input type="text" class="notnull"><br>
                手机号码：<input type="text" class="notnull" id="phone"><br>
                联系地址：<input type="text"><br>
                <hr>
            </div>
            <div class="little">
                <button>上一步</button>
                <button onclick="next()">下一步</button>
            </div>
        </div>
    </div>
    <script>insertl(null);</script>
    
</body>
</html>